<style>
.divclass{
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	width: 100%
}
</style>


<body style="background-color:#288d9f">

<div class="divclass">
	<img src="/statics/images/ajax_loading.gif" style="position:absolute;left:49%;top:50%" id="ajaxid" />
	<img style="width:100%" src="/water1.jpg" onload="loadimg()" />
</div>

</body>
<script>

function loadimg(){
	$('#ajaxid').remove();
}
</script>